<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../../css/bootstrap.css" rel="stylesheet"/>
    <link href="../../css/bootstrap-theme.css" rel="stylesheet"/>
    <link href="../../css/font-awesome.min.css" rel="stylesheet"/>
    <link href="../../css/head-common.css" rel="stylesheet"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
      <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
      .modal-dialog{margin:50px;text-align:center; }
      .modal-title{font-weight: bold;}
      .modal-header{border-bottom: 0px;}
      .modal-footer{text-align: center;padding:0px;}
      .modal-body{padding:10px;}
      .btn{font-size: 18px;}
      .color{color:#ccc;}
      .modal-footer .border{border-right:1px solid #ccc}
      .padding{padding:6px 35px;}
      .form-group span{font-size: 16px;}
    </style>
</head>
<body class="background">
  <!-- head -->
        
  <!-- head end -->
    
    <!-- center-content  -->
      <center>
          <h3>帮助社区老人陈伯修水管</h3>
      </center>
     <table class="activityTable">
       <tr>
         <td>活动类型:</td>
         <td>助幼</td>
       </tr>
        <tr>
         <td>发起组织(人):</td>
         <td>吴思雨</td>
       </tr>
       <tr>
         <td>所属单位(组织):</td>
         <td>凉井社区党委</td>
       </tr>
        <tr>
         <td>联系人:</td>
         <td>吴思雨</td>
       </tr>
        <tr>
         <td>联系电话:</td>
         <td>13419465483</td>
       </tr>
       <tr>
         <td>地点:</td>
         <td>次是街道336号里哥小区</td>
       </tr>
        <tr>
         <td>活动时长:</td>
         <td>2小时</td>
       </tr>
       <tr>
         <td>活动内容:</td>
         <td>帮助独居老人修水管</td>
       </tr>
       <tr>
         <td>招募人数:</td>
         <td>1人</td>
       </tr>
       <tr>
         <td>当前报名人数:</td>
         <td>1人</td>
       </tr>
        <tr>
         <td>发布时间:</td>
         <td>2016-09-02 12:32:34</td>
       </tr>
        <tr>
         <td>招募截止时间:</td>
         <td>2016-09-07 18:34</td>
       </tr>
       <tr>
         <td>活动开始时间:</td>
         <td>2016-09-08 14:34</td>
       </tr>
        <tr>
         <td>岗位要求:</td>
         <td>有爱心</td>
       </tr>
     </table>
     <div class="new-content-no-mar">
          <img src='../../imges/staticmap_zh-CN.png' />
     </div>
      <div class="form-inline" style="margin-top: 10px;">
          <div style="width: 100%;text-align: center">
              <a type="button" class="btn btn-warning" style="width: 95%;" data-toggle="modal" data-target="#myModal">我要报名</a>
          </div>
      </div>
          <!-- 模态框（Modal） -->
          <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                  <div class="modal-content">
                      <div class="modal-header">
                          <!--模态框（Modal）标题 -->
                          <h4 class="modal-title" id="myModalLabel">报名确认</h4>
                      </div>
                      <div class="modal-body">
                       <div class="form-inline">
                         <div class="form-group">
                           <span>联系电话:1356489651</span>
                        </div>
                      </div>
                        <div class="form-inline">
                         <div class="form-group">
                           <span>联系人:吴思雨</span>
                        </div>
                      </div>
                       <div class="form-inline">&nbsp;</div>
                      </div>
                      <div class="modal-footer">
                          <a type="button" class="btn color border padding" data-dismiss="modal">取消</a>
                          <a type="button" class="btn btn-t-c" href='registrationSuccess.html'>确定报名</a>
                      </div>
                  </div><!-- /.modal-content -->
              </div><!-- /.modal -->
          </div>
          <!-- 模态框（Modal） -->
    <!-- center-content end -->
     
    <!-- footer  -->
   
    <!-- footer -->
    <script type="text/javascript" src="../../js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.js"></script>
    <script type="text/javascript" src="../../js/common.js"></script>
    
</body>
</html>